<!--
 * @Description: 
 * @Author: 亢超
 * @Date: 2024-11-03 21:51:42
 * @LastEditTime: 2024-11-03 22:12:46
-->
<template>
  <a-modal :title="title" v-model:visible="visible" @cancel="close()">
    <!-- 相关文档 -->
    <RelatedDocument v-if="openType == 'doc'" />
    <!-- 功能体验 -->
    <FunctionalExperience v-else />
  </a-modal>
</template>

<script setup>
import { ref } from 'vue';
import FunctionalExperience from './FunctionalExperience.vue'
import RelatedDocument from "./RelatedDocument.vue";

const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  openType: {
    type: String,
    default: ''
  }
})

const visible = ref(false)

const open = () => {
  visible.value = true
}

const close = () => {
  visible.value = false
}

defineExpose({
  open,
  close
})
</script>

<style lang="scss" scoped></style>
